<!-- 课程班级 -->
<template>
	<view>
		<!-- <cu-custom bgColor="bg-gradual-blue" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">表情库</block>
		</cu-custom> -->
		<view class="wrap">
			<view class="tabs_box">
				<u-tabs-swiper activeColor="#0081ff" ref="tabs" :list="list" :current="current" @change="change"
					:is-scroll="false" swiperWidth="750"></u-tabs-swiper>
			</view>
			<swiper class="swiper-box" :current="swiperCurrent" @transition="transition"
				@animationfinish="animationfinish">
				<!-- 第一页 -->
				<swiper-item class="swiper-item">
					<scroll-view scroll-y style="height: 100%;width: 100%;" @scrolltolower="reachBottom">
						<view class="emoji_box">
							<view class="order" v-for="(item, index) in emojiList" :key="item.label">
								<view class="title">{{item.label}}</view>
								<view class="content">
									<view class="item_li" v-for="(it,index) in item.list" :key="index"
										@click="copy(it)">
										{{it}}
									</view>
								</view>
							</view>
						</view>
					</scroll-view>
				</swiper-item>
				<!-- 第二页 -->
				<swiper-item class="swiper-item">
					<scroll-view scroll-y style="height: 100%;width: 100%;" @scrolltolower="reachBottom">
						<view class="text_box">
							<view class="left_menu">
								<view class="menu_li" :class="{'active_menu':menuIndex == index}"
									v-for="(item, index) in textList" :key="index" @click="activeText(index)">
									{{item.label}}
								</view>
							</view>
							<view class="right_menu">
								<view class="menu_content">
									<view class="text_li" v-for="(it,i) in textList[menuIndex].list" :key="i"
										@click="copy(it)" :style="{width: menuIndex > 5 ? '100%' :'45%' }">
										{{it}}
									</view>
								</view>
							</view>
						</view>
					</scroll-view>
				</swiper-item>
				<!-- 第三页 -->
				<swiper-item class="swiper-item">
					<scroll-view scroll-y style="height: 100%;width: 100%;">
						<view class="text_box">
							<view class="left_menu">
								<view class="menu_li" :class="{'active_char':charIndex == index}"
									v-for="(item, index) in charList" :key="index" @click="activeChar(index)">
									{{item.label}}
								</view>
							</view>
							<view class="right_menu">
								<view class="menu_content">
									<view class="text_li" v-for="(it,i) in charList[charIndex].list" :key="i"
										@click="copy(it)" style="width: 15%;">
										{{it}}
									</view>
								</view>
							</view>
						</view>
					</scroll-view>
				</swiper-item>
			</swiper>
		</view>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				activeColor: '#0081ff',
				menuIndex: 0,
				charIndex: 0,
				emojiList: [{
						label: "表情系列",
						list: ["😀", "😃", "😄", "😁", "😆", "😅", "🤣", "😂", "🙂", "🙃", "😉", "😇", "😊", "️🥰",
							"😘", "😚", "😗", "😙", "😍", "🤩", "😋", "😜", "😛", "😝", "🤪", "🤑", "😎", "🤓",
							"🧐", "😏", "😬", "😷", "🤒", "🤯", "🥴", "😵", "🤮", "🤕", "🤧",
							"🤒", "🥵", "🥶", "😵‍💫", "😌", "😴", "😪", "😔", "🤤", "🤨", "😑", "🙄", "😒",
							"😶‍🌫️", "🤥", "🥳", "🤠", "😲", "😦", "😱", "😖", "😥", "😞",
							"😣", "😩", "😕", "🙁", "😟", "🥺", "😳", "🥱", "😠", "😤", "😡", "👿", "💀", "☠️",
							"🤡", "👻", "👽", "👹", "💩"
						]
					},
					{
						label: "爱心系列",
						list: [
							"❤️", "🧡", "💛", "💚", "💙", "💜", "🖤", "🤍", "🤎", "💘", "💖", "💟", "💕", "💞",
							"💓", "💗", "❣️", "💌", "💔"
						]
					},
					{
						label: "动物系列",
						list: [
							"🐾", "🦘", "🦦", "🦥", "🦨", "🦡", "🐼", "🦔", "🐹", "🐀", "🐿️", "🐇", "🐰", "🐫",
							"🐪", "🦏", "🐘", "🦒", "🦛", "🐻‍❄️",
							"🐻", "🦇", "🐐", "🐑", "🐏", "🐷", "🐖", "🐗", "🐽", "🐃", "🐮", "🐂", "🐄", "🐈",
							"🐱", "🦝", "🦁", "🐅", "🐯", "🐆", "🐴", "🐎",
							"🦓", "🦄", "🦌", "🐕", "🐶", "🐕‍🦺", "🦮", "🐩", "🐺", "🦙", "🐉", "🦖", "🐲", "🐊",
							"🐢", "🦕", "🦎", "🐍", "🐟", "🐬",
							"🐋", "🐳", "🐡", "🐙", "🦈", "🐌", "🐛", "🦋", "🐜", "🐝", "🐞", "🦗", "🕸️", "🕷️",
							"🦟", "🦂", "🦠", "🐔", "🐓", "🐣",
							"🐤", "🐥", "🦃", "🕊️", "🦅", "🦉", "🦢", "🦆", "🐧", "🐦", "🦆", "🦚", "🦜", "🦩",
						]
					},
					{
						label: "植物系列",
						list: [
							"💐", "🌹", "🌺", "🌻", "🌼", "🌷", "🌸", "💮", "🏵️", "☘️", "🍀", "🌿", "🌾", "🌱",
							"🌲", "🌳", "🌴", "🌵", "🍁", "🍂", "🍃",
							"🍄"
						]
					},
					{
						label: "食物系列",
						list: [
							"🍎", "🍏", "🍑", "🍐", "🍒", "🍓", "🍅", "🥝", "🍌", "🍉", "🍋", "🍈", "🍇", "🍊",
							"🍍", "🥭", "🥥", "🌶️", "🧅", "🧄", "🥜", "🌰",
							"🥑", "🥕", "🌽", "🍆", "🥔", "🥒", "🥬", "🥦", "🍠", "🥮", "🥟", "🥠", "🍚", "🍛",
							"🍡", "🍥", "🍜", "🍝", "🍱", "🍟", "🌭", "🥪", "🌮",
							"🍗", "🥩", "🥓", "🥙", "🧆", "🥚", "🍳", "🥘", "🍲", "🥣", "🥗", "🍿", "🧈", "🧂",
							"🥫", "🌯", "🧀", "🥯", "🥞", "🥐", "🥖", "🥨", "🍦", "🍨",
							"🍩", "🍧", "🎂", "🧁", "🍭", "🍬", "🍰", "🍫", "🍯", "🧃", "🧊", "🧉", "🥤", "🍺",
							"🍻", "🥂", "🥃", "🍶", "🍷", "🍾", "🍸", "🍹", "🍵", "☕", "🥛",
							"🍼", "🦀", "🦐", "🦞", "🦪", "🦑", "🍽️", "🥢", "🥄", "🔪", "🍴", "🏺",
						]
					},
					{
						label: "旅行风光系列",
						list: [
							"🏞️", "🏕️", "🌋", "🏜️", "🏝️", "🏔️", "⛰️", "🗻", "🏖️", "🌏", "🌐", "🗺️", "🧭",
							"⛪", "🛕", "🕍", "🕌", "🏰️", "🏡", "💒",
							"🏫", "🏦", "🏛️", "🏟️", "🏪", "🏥", "🏗️", "🏢", "🏚️", "🌄", "🌆", "🌇", "🎢", "🎠",
							"♨️", "🎪", "💈", "🏙️", "🌁", "🌃", "⛺",
							"⛲", "🌅", "🚂", "🚃", "🚄", "🚆", "🚅", "🚇", "🚞", "🚌", "🚋", "🚑", "🚒", "🚓",
							"🚕", "🚗", "🚚", "🚜", "🏍️", "🛵", "🚲",
							"🛴", "🛹", "🦽", "🛺", "🛤️", "⛽", "🚥", "🚦", "🛑", "🚧", "⛵", "🛶", "⚓", "🚤",
							"🛳️", "⛴️", "🚢", "🛥️", "✈️", "🛫", "🛩️", "🛬", "🚁",
							"🚟", "🚠", "🚡", "🛰️", "🚀", "🛸", "🧳", "⌚", "⏰", "⏱️", "🕰️", "🌞", "⭐", "☀️",
							"🌟", "🪐", "🌕", "🌙", "🌗", "🌘", "🌑", "🌒",
							"🌛", "🌜", "🌠", "☁️", "⛅", "⛈️", "🌥️", "🌦️", "⛈", "🌤️", "🌧️", "🌩️", "🌨️",
							"🌬️", "🌀", "🌪️", "🌫️", "🌈", "☂️", "☔", "🌂", "⛱️", "⚡",
							"❄️", "☃️", "⛄", "☄️", "🔥", "💧", "🌊"
						]
					},
					{
						label: "日常物品系列",
						list: [
							"📔", "📕", "📖", "📒", "📓", "📚", "📘", "📗", "📙", "📃", "📜", "📄", "📰", "🗞️",
							"📑", "🔖", "🏷️", "🎥", "📽️", "🎬", "📺", "🎞️",
							"📷", "📸", "📹", "📼", "🕯️", "💡", "🔦", "🏮", "🔍", "🔎", "🪔", "☎️", "📞", "📠",
							"📱", "🎻", "🎸",
							"🎺", "🎷", "🥁", "🪕", "🎤", "🎧", "📻", "🎼", "🎵", "🎶️", "🎙️", "🔇", "🔊", "🔈",
							"📢", "🔔", "📣", "🔔", "🔕", "🔋", "💻", "🖨️",
							"⌨️", "🖱️", "💽", "💿", "🧮", "👓", "🕶️", "🥽", "🥼", "👔", "🦺", "👕", "🧣", "👖",
							"🧤", "👗", "🥻", "👚", "👙", "🩱", "🩲", "🩳", "🧦", "👜",
							"🛍️", "👝", "👞", "👟", "🥾", "🥿", "👠", "👡", "🩰", "👢", "👒", "🎩", "👑", "🎓",
							"🧢", "⛑️", "💄", "💎", "📿", "💍", "💰", "🧾", "💳",
							"✉️", "📧", "📨", "📩", "📦", "📮", "🗳️", "📭", "💼", "📁", "📂", "📆", "🗓️", "🗒️",
							"📈", "📉", "📊", "📋", "📌", "📍", "📎", "📏", "📐", "✂️", "🗃️",
							"🗑️", "🔒", "🔏", "🔑", "🗝️", "🧰", "🔨", "🪓", "⛏️", "⚒️", "🛠️", "🗡️", "⚔️", "🏹",
							"🔧", "⚙️", "⚖️", "🦯", "🔗", "⚗️", "🧪", "🧬", "🔬", "📡", "🔭",
							"🧫", "💉", "🩸", "💊", "🩹", "🩺", "🛋️", "🪑", "🚽", "🛁", "🪒", "🧴", "🧷", "🧹",
							"🧺", "🧻", "🧼", "🧽", "🧯", "🛒", "🚬"
						]
					},
					{
						label: "节日庆祝系列",
						list: [
							"🎆", "🎇", "🧨", "✨", "🎄", "🎈", "🎉", "🎋", "🎑", "🧧", "🎀", "🎁", "🎗️", "🏆",
							"🥇", "🥈", "🥉", "⚽", "🏀", "🎾", "⚾", "🎳", "🏓", "🏸", "⛳", "⛸️",
							"🎣", "🏐", "🎱", "🪀", "🎿", "🥌", "🛷", "🎯", "🪁", "🔫", "🎮", "🎲", "🧩", "🃏"
						]
					},
					{
						label: "符号标志系列",
						list: [
							"⚠️", "⛔", "🚫", "🚳", "🚭", "🔞", "☣️", "☢️", "🛐", "⚛️", "✡️", "☯️", "✝️", "☪️",
							"☮️", "♈", "♉", "♊", "♋", "♌", "♍", "♎", "♏", "♐", "♑",
							"♒", "♓", "⛎", "➕", "➖", "✖️", "➗", "❓", "❔", "❕", "❗", "💱", "♻️", "⚕️", "⚜️", "🔱",
							"✔️", "❌", "⭕", "✅", "❎", "©️", "®️", "™️", "0️⃣", "1️⃣", "2️⃣", "3️⃣",
							"4️⃣", "5️⃣", "6️⃣", "7️⃣", "8️⃣", "9️⃣", "🔟", "*️⃣", "#️⃣", "♀️", "♂️", "⚧️", "⬆️",
							"⬇️", "⬅️", "➡️", "↗️", "↘️", "↙️", "↖️", "↕️", "↔️", "↩️", "↪️", "🔃", "🔄", "🔝",
							"🔀", "▶️", "⏩", "⏭️", "⏯️", "◀️", "⏪", "⏮️", "🔼", "⏫", "🔽", "⏬", "⏸️", "⏹️", "⏏️",
							"🎦", "🔅", "🔆", "📶", "📳", "📴"
						]
					}
				],
				textList: [{
						label: "开心",
						list: [
							"^_^", "^ω^", "^o^", "*^o^*", "∩_∩", "´∀`", "*罒▽罒*", "*^o^*", "♪(^∇^*)", "∩_∩", "﹋o﹋",
							"≧∇≦", "(^з^)-☆", "=^_^=", "(´,,•∀•,,`)",
							"( •̀∀•́ )", "O(∩_∩)O", "└(^O^)┘", "╰(*´︶`*)╯", "(´,,•∀•,,`)", "(❁´︶`❁)", "ヾ ^_^♪",
							"(๑ºั╰╯ºั๑) ", "(＊￣︶￣＊)", "٩( *´﹀`* )۶♬*゜",
							"( ˆoˆ)/(ˆoˆ )/", "°.*( ˆoˆ )/*.° ", "(〃>▽<〃)/*", "٩( *´﹀`* )۶♬*゜", "ヽ(ﾟ∀ﾟ)ﾉ",
							"↖(^ω^)↗", "Y(^_^)Y", "~(≧▽≦)/~", "┏(｀ー´)┛",
							"〈( ^.^)ノ ", "ツ", "ヽ(○´∀`)ﾉ♪"
						]
					},
					{
						label: "惊讶",
						list: [
							"⊙▽⊙", "(⊙o⊙)", "(ಠ .̫.̫ ಠ)", "(°ー°〃)", "(*°ω°*)ﾉ", "(๑ʘ̅ д ʘ̅๑)!!!", "ヾ(Ő∀Ő)ﾉ",
							"Σ( ° △ °|||)︴", "w(ﾟoﾟ)w", "(๑°⌓°๑)", "Σ(っ °Д °;)っ", "(ﾟДﾟ≡ﾟДﾟ)", "'(º Д º*)",
							"(ノ°ο°)ノ", "(ง ˙o˙)ว", "(ಠ .̫.̫ ಠ)", "ヾ(༎ຶД༎ຶ)ﾉ", "(((o(*ﾟ▽ﾟ*)o)))", "( ö )/",
							"(;´༎ຶД༎ຶ`)", "╭(°A°`)╮", "!!!∑(ﾟДﾟノ)ノ",
							"∑(ﾟДﾟ)", "d(ŐдŐ๑)",
						],
					},
					{
						label: "可爱",
						list: [
							'●ｖ●', '●▽●', '◑▂◑', '◐▂◐', '(●—●)', '(๑•ั็ω•็ั๑)', '(๑• . •๑)', '(ღˇ◡ˇღ)',
							'(ฅ>ω<*ฅ)', '๑乛◡乛๑', '(,,•́ . •̀,,)', '(*´艸`*)', '(๑•̀ㅂ•́)و✧',
							'|•ˇ₃ˇ•｡)', '( ˘•ω•˘ ) ', '(◍•ᴗ•◍)ゝ', '(｡･ω･｡)ﾉ♡', 'ლ(•̀ _ •́ ლ)', '(●･ˇ_ˇ･●)', '◉‿◉',
							'罒ω罒', '(๑´ㅂ`๑)', '(๑´ڡ`๑)', ' ✧(≖ ◡ ≖✿)', '┏(^ω^)=☞',
							' ⁽⁽ ◟(눈_눈)◞ ⁾⁾', '(～﹃～)~zZ', 'ヾ(≧O≦)〃嗷~', 'ƪ(‾ε‾“)ʃ', '(づ ●─● )づ', '(´･ω･`)',
							'(´･ᆺ･`)', '( •ิ_• ิ)', '(｡•́︿•̀｡)', '(ㅎᗨㅎ)',
							'(๑˙❥˙๑)', 'ヾ(≧O≦)〃嗷~', '( ˘ω˘ ) ', 'ε==(づ′▽`)づ', '(▰˘◡˘▰)', '✧*｡٩(ˊωˋ*)و✧*｡',
							'ヾ(´▽｀;)ゝ', '(◍′˘‵◍)',
							'⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄'
						]
					},
					{
						label: "难过",
						list: [
							"~>_<~", "::>_<::", "(´╥ω╥`)", "T^T", "T_T", "〒_〒", "ㅍ_ㅍ", "●^●", "/(ㄒoㄒ)/~~",
							"(｡í _ ì｡)", "QAQ", "(๑òᆺó๑)", "( ´Д｀)y━・~~",
							"(━┳━ _ ━┳━)", "┭┮﹏┭┮", "(っ╥╯﹏╰╥c)"
						]
					},
					{
						label: "无语",
						list: [
							"╯﹏╰", "(´-ι_-｀)", "﹁_﹂", "ㄟ(▔，▔)ㄏ", "⊂[┐¯_¯┌]⊃", "(✘_✘)", "○|￣|_", "(๑¯ω¯๑)",
							"~(*+﹏+*)~", "(￣⊥￣)", "┑(￣Д ￣)┍",
							"_:(´□`」 ∠):_", "(￣┰￣*)", "(￣┰￣*)", "ε=(´o｀)", "ε=(´o｀)", "＠(￣-￣)＠", "→_→", "←_←",
							"´_>`", "´<_`", "=_=", "~_~", "-_-||",
							"•﹏•", "ಥ_ಥ", "눈_눈", "▼_▼", "⊙_⊙", "⊙_⊙", "⊙ω⊙", "o_O", "Õ_Õ", "-_-#", "(ー ー゛)",
							"(~￣△￣)~", "╮(￣▽￣)╭", "╭(￣▽￣)╮", "╮(╯▽╰)╭", "╭(╯^╰)╮", "╭(╯ε╰)╮", "(ಡωಡ)", "(ㅎ.ㅎ)",
							"Orz",
							"(´இ皿இ｀)", "_(:з」∠)_", "¯_(ツ)_/¯", "╮(╯_╰)╭"
						]
					},
					{
						label: "生气",
						list: [
							"╰_╯", "Ծ‸ Ծ ", "(｡•ˇ‸ˇ•｡)", "╰（‵□′）╯", "︶︿︶", "ヽ(‘⌒´メ)ノ", "(⇀‸↼‶)", "￣へ￣",
							" (̿▀̿ ̿Ĺ̯̿̿▀̿ ̿)̄", ">_<", "ò.ό", "( ｰ̀εｰ́ )", ">o<", "~`oˊ~",
							"凸(｀0´)凸", "（｀Δ´）！", "ᕦ(ò_óˇ)ᕤ", "(▼皿▼#)", "ʅ( ･´‸･｀)ʃ", "o(￣ヘ￣o)", "(・‘ヘ´・;)ゞ",
							"（▼へ▼メ）", "(((￣へ￣井)", "(」ﾟヘﾟ)」", "ε=ε=(怒ﾟДﾟ)ﾉ"
						]
					},
					{
						label: "搞怪",
						list: [
							"(ಥ_ಥ)是在下输了", "╭(°A°`)╮大写的懵逼", "(°ー°〃)你咋不上天呢", "└(^O^)┘红红火火恍恍惚惚", "此刻我的内心是崩溃的(⊙o⊙)",
							"这么可爱一定是蓝孩纸！╰ひ╯", "发条弹幕压压惊Σ(っ °Д °;)っ", "懂哲学么少年？( ͡° ͜ʖ ͡°)╯♂", "▕(:3▒▒▒▏晚安",
							"_(ÒωÓ๑ゝ∠)_看我颜艺的一趴！",
							"ヾ(≧O≦)〃嗷~恭喜你发现镇店之宝", "姿势美如画( *・ω・)✄╰ひ╯", "好无聊，我看了300遍就关了(｡•ˇ‸ˇ•｡)",
							"我从未见过如此厚颜无耻之人(´இ皿இ｀)",
							"C（ °△ °）C【|||】来包辣条", "我的手中突然出现了火把！ψ(ﾟДﾟ)ψ ", "๑乛◡乛๑卡在了奇怪的地方", "QAQ画质感人",
							"(°ー°〃)你咋不上天呢",
							"눈_눈您的好友【】已上线", "(ノ°ο°)ノ前方高能预警", "(๑•ั็ω•็ั๑)迷の感动", "(*°ω°*)ﾉ非战斗人员请撤离！！", "（°Д°）ъ小赞！",
							"（°Д°）Ъ大赞！",
							"麻麻他开挂了！ლ(இдஇ;ლ )", "( •̀⊿•́)ง妖妖灵吗？我要报警了！", "我也真是哔了狗了→(U・x・U)", "我来增加弹幕！！！*罒▽罒*",
							"一本正经的胡说八道_(:з」∠)_",
							"✿✿ヽ(ﾟ▽ﾟ)ノ✿完结撒花！", "_(눈_눈」∠)_开口跪", "(۩⊙o⊙۩)我选择死亡", "早已看穿了一切▼_▼", "¯_(ツ)_/¯逼死原唱系列",
							"╮(￣▽￣)╭ 进度条君已阵亡", "<(￣天▽下￣)> 胸怀天下！！！", "( *・ω・)✄╰ひ╯先宫为敬，你随意",
							"_(:3」∠❀)☆╰╮o(￣皿￣///)打楼上屁屁",
							"（· 人 ·）ヾ(ﾟｰﾟヾ)你胸大你先说", "( *・ω・)✄╰ひ╯", "o(*≧▽≦)ツ⊥⊥⊥⊥【拍钉狂笑】", "o(*≧▽≦)ツ┏━┓拍桌狂笑",
							"╭( ′• o •′ )╭☞警察叔叔！就是这个人！",
						]
					},
					{
						label: "祝福",
						list: [
							"ﾐ★新年快乐(≧ω≦人≧ω≦))恭喜发财★ﾐ", "新年啦||┝ヽ(￣▽￣)ノ┥||要开心哦～！", "新年快乐！ｍ（_ _）ｍ＼（＾０＾）／",
							"ヽ(´・ω・｀)ノ新年快乐呀！永远18岁！！", "(○･д･)ﾉ★☆新年快乐嗷☆★ヽ(･д･●)", "＼(*^ー^)/*【謹賀新年】*＼(^ー^*)/",
							"除夕钟鸣(〃￣ω￣)_中☆{{{Д}}} 咚~~!!", "y♪───Ｏ（≧∇≦）Ｏ────♪新年快乐！", "(*´∀｀)ノHAPPY NEW YEARヽ(´∀｀*)",
							"ʕ•̫͡•ʔ╠╣ᎯÞÞᎽ ƞℯധ ƴℯ੨ℽ ʕ•̫͡•ʔ", "ヽ(・ω・｀)ノ=з=з快跑快跑！窜天猴上天了！", "(´∀`)ノ⌒◎✧✧猴赛雷~送你一个窜天猴！",
							"╭(°A°`)╮感觉我错过了几个亿！！", "ヽ(‘⌒´メ)ノ居然背着我发红包！不能忍！", "我在大扫除哒！ヽ(・ω・。｀)ﾉ",
							"(●´・ω・｀)งo○(好想要压岁钱呢)", "(´･(´･(´･ω･｀)･｀)･｀)给我压―岁―钱―♪", "太特么少了･･･o(;´Д`)っﾛ:.←红包",
							"(๑•ั็ω•็ั๑)看我这么美，发个红包呗",
							"一分钱什么概念！四舍五入一个亿啊！o(;´Д`)っﾛ:.←红包", "红包拿来！щ(ﾟ▽ﾟщ)", "(ง •̀_•́)ง为抢红包奋斗终身！",
							"趁我不在偷偷发红包◑▂◑",
							"It’s me！It’s me！！ヽ(*⌒∇⌒*)ﾉ手气最佳！！", "(๑•̀ㅂ•́)و✧领完辣！还要还要！！", "◎⌒ヾ(￣0￣ ) 人(＿ ＿ )投币许愿",
							"(*^ ・^)ノ⌒☆元宵节快乐☆⌒oooo", "|_･ )₎₎ 那个……我喜欢你~", "|｡･ω･)っ◆　我喜欢你♪", "请收下♪　|壁|ﾉ∇｀*)-o田←巧克力",
							"(○ﾟωﾟ)っ〔」」」〕请吃块巧克腻吧", "゜・*:.。. ☆圣诞快乐☆.。.:*・゜",
							"*★*--------圣诞(o。≧∀≦。)o快乐!!----------*★*",
							"向右看齐！(´_>`)( ´_>`)(´_>`)(´_>`)(･ω･)", "向前看！(･ω･)(･ω･)(･ω･)(･ω･)(･ω･)",
							"立正！┏(｀ー´ )┓┏(｀ー´ )┓┏(｀ー´ )┓┏(｀ー´ )┓",
							"正步走！┏(｀ー´)┛┏(｀ー´)┛┏(｀ー´)┛┏(｀ー´)┛"
						]
					},
					{
						label: "文字",
						list: [
							"(*^．^*) 亲亲~", "~(≧▽≦)/~啦啦啦", "(｡•ˇ‸ˇ•｡)伐开心！要抱抱！", "(￣ ii ￣;) 吸溜(￣＂￣;)",
							"_(:3」∠❀)_嘤嘤嘤~不要嘛~",
							"╰（‵□′）╯✧Duang~送你五毛钱特效！", "￥ヾ(Ő∀Ő)ﾉ￥买买买！", "(￣ε(#￣)☆╰╮o(￣皿￣///)", "ヘ( ^o^)ノ＼(^_^ )",
							"(￣ε(#￣)☆╰╮o(￣皿￣///)", "o(≧v≦)o~~好棒", "☆*:.｡. o(≧▽≦)o .｡.:*☆",
							"(ﾉ'◑ڡ◑)ﾉ'(｡•́︿•̀｡)来，给爷笑一个！",
							"─=≡Σ((( つ•̀ω•́)つ超人", "ε=(´o｀)唉", "o(︶︿︶)o唉", "( ^_^ )/~~拜拜", "(｀･ω･´)ゞ敬礼っ",
							"o(*≧▽≦)ツ┏━┓拍桌狂笑",
							"(∼‾▽‾)→))*‾▽‾*)o[手指戳戳]", "٩( °༥° )و ₎₎能动手就别吵吵", "~(*・_・)ノ⌒*丢出去", "(ˉ▽￣～) 切~~",
							"( ´◔‸◔`)然并卵",
							"(๑˙❥˙๑)憋说话吻我", "ヾ(ﾟｰﾟヾ)^?啊咧？", "乀(ˉεˉ乀)...去去去", "ヽ(｀⌒´メ)ノ 绝不原谅!", "▄︻┻┳═一∵∴(∵_，∵)>>",
							"Hi~o(*￣▽￣*)ブ", "丧【gan】心【de】病【piao】狂【liang】", "ღ⊙□⊙╱脸伸过来让我打一下", "撒花！✿✿ヽ(ﾟ▽ﾟ)ノ✿",
							"ε=ε=ε=┏(゜ロ゜;)┛", "╭∩╮（︶︿︶）╭∩╮", "┻━┻︵╰(‵□′)╯︵┻━┻", "(╬￣皿￣)＝○＃(￣＃)３￣)",
							"～(￣▽￣～)(～￣▽￣)～",
							"怒刷存在感！(ง •̀_•́)ง"
						]
					}
				],
				charList: [{
						label: "序号排序",
						list: [
							"①", "②", "③", "④", "⑤", "⑥", "⑦", "⑧", "⑨", "⑩", "⑪", "⑫", "⑬", "⑭", "⑮", "⑯", "⑰",
							"⑱", "⑲", "⑳", "⓪", "❶", "❷", "❸", "❹", "❺", "❻", "❼",
							"❽", "❾", "❿", "⓫", "⓬", "⓭", "⓮", "⓯", "⓰", "⓱", "⓲", "⓳", "⓴", "㊀", "㊁", "㊂", "㊃",
							"㊄", "㊅", "㊆", "㊇", "㊈", "㊉", "㈠", "㈡", "㈢", "㈣",
							"㈤", "㈥", "㈦", "㈧", "㈨", "㈩", "⒈", "⒉", "⒊", "⒋", "⒌", "⒍", "⒎", "⒏", "⒐", "⒑", "⑴",
							"⑵", "⑶", "⑷", "⑸", "⑹", "⑺", "⑻", "⑼", "⑽",
							"Ⅰ", "Ⅱ", "Ⅲ", "Ⅳ", "Ⅴ", "Ⅵ", "Ⅶ", "Ⅷ", "Ⅸ", "Ⅹ", "Ⓐ", "Ⓑ", "Ⓒ", "Ⓓ", "Ⓔ", "Ⓕ", "Ⓖ",
							"Ⓗ", "Ⓘ", "Ⓙ", "Ⓚ", "Ⓛ", "Ⓜ", "Ⓝ", "Ⓞ", "Ⓟ",
							"Ⓠ", "Ⓡ", "Ⓢ", "Ⓣ", "Ⓤ", "Ⓥ", "Ⓦ", "Ⓧ", "Ⓨ", "Ⓩ", "ⓐ", "ⓑ", "ⓒ", "ⓓ", "ⓔ", "ⓕ", "ⓖ",
							"ⓗ", "ⓘ", "ⓙ", "ⓚ", "ⓛ", "ⓜ", "ⓝ", "ⓞ", "ⓟ",
							"ⓠ", "ⓡ", "ⓢ", "ⓣ", "ⓤ", "ⓥ", "ⓦ", "ⓧ", "ⓨ", "ⓩ",
							"零","壹","贰","叁","肆","伍","陆","柒","捌","玖","拾","佰","仟"
						]
					},
					{
						label: "数学符号",
						list: [
							"﹢", "﹣", "×", "÷", "/", "=", "≠", "≡", "≧", "≦", "≌", "±", "∽", "≈", "≥", "≤", ">",
							"<", "≯", "≮", "∫", "∬", "∭", "∮", "∯", "∰", "∱", "∲", "∝", "∞", "∧", "∨", "∷", "∶",
							"∑", "∏", "∪", "∩", "∈", "∵", "∴", "⊥", "∥", "∠", "⌒", "⊙", "√", "∟", "⊿", "㏒", "㏑",
							"%", "‰", "‱", "⅟", "½", "⅓", "⅕", "⅙", "⅛", "⅔", "⅖", "⅚", "⅜",
							"¾", "⅗", "⅝", "⅞", "⅘", "≂", "≃", "≄", "≅", "≆", "≇", "≈", "≉", "≊", "≋", "≌", "≍",
							"≎", "≏", "≐", "≑", "≒", "≓", "≔", "≕", "≖", "≗", "≘", "≙", "≚", "≛",
							"≜", "≝", "≞", "≟", "≡", "≢", "≣", "⊰", "⊱", "⋛", "⋚", "∳", "ø", "Ø", "π"
						]
					},
					{
						label: "单位符号",
						list: [
							"￥", "＄", "°", "′", "″", "〒", "￠", "￡", "℃", "℉", "㎡", "m³", "㏕", "㎜", "㎝", "m", "㎞",
							"㏎", "㎎", "㎏", "㏄", "¤", "€", "₴", "₰", "¢", "₤",
							"¥", "₳", "₲", "₪", "₵", "元", "₣", "₱", "฿", "₡", "₮", "₭", "₩", "ރ", "円", "₢", "₥",
							"₫", "₦", "z", "ł", "﷼", "₠", "₧", "₯", "₨", "K", "č", "र", "₹",
							"ƒ", "₸"
						]
					},
					{
						label: "箭头符号",
						list: [
							"↑", "↓", "←", "→", "↖", "↗", "↘", "↙", "↔", "↕", "➻", "➼", "➽", "➸", "➳", "➺", "➴",
							"➵", "➶", "➷", "➹", "➩", "➪", "➫", "➬", "➭", "➮",
							"➯", "➱", "⏎", "➲", "➾", "➔", "➘", "➙", "➚", "➛", "➝", "➞", "➟", "➠", "➡", "➢", "➣",
							"➤", "➥", "➦", "➨", "▶", "►", "▷", "◁",
							"◀", "◄", "»", "«", "↜", "↝", "↞", "↟", "↠", "↡", "↤", "↥", "↦", "↧", "⇄", "⇅", "⇇",
							"⇈", "⇉", "⇊", "⇋", "⇌", "⇐", "⇑", "⇒", "⇓", "⇔", "↩", "↪", "↫",
							"↬", "↭", "↰", "↱", "↲", "↳", "↶", "↷", "↼", "↽", "↾", "↿", "⇀", "⇁", "⇂", "⇃", "⇠",
							"⇡", "⇢", "⇣", "⇞", "⇟", "⇤", "⇥", "⇦", "⇧", "⇨", "⇩", "↺", "↻", "⇚", "⇛",
						]
					},
					{
						label: "图案符号",
						list: [
							"✓","✔","√","✗","✘","✖","囍","☯","✡","☆","☜","☞","☟","☝","♤","♠","♣","♥","☀","☂","❄","☃","❖","☽","☾",
							"♂","♀","✿","☪","卍","卐","❀","☺","☻","♚","♛","♕","♔","❈","✲","§","❤","⊕","◎","㊣","◆","◇","░","▒","▌","█",
							"▬","♫","♬","♪"
						]
					},
					{
						label: "俄语字母",
						list: [
							"А","Б","В","Г","Д","Е","Ё","Ж","З","И","Й","К","Л","М","Н","О","П","Р","С","Т","У","Ф","Х","Ц","Ч","Ш","Щ","Ъ","Ы",
							"Ь","Э","Ю","Я","а","б","в","г","д","е","ё","ж","з","и","й","к","л","м","н","о","п","р","с","т","у","ф","х","ц","ч",
							"ш","щ","ъ","ы","ь","э","ю","я"
						]
					},
					{
						label: "希腊字母",
						list: [
							"Α","Β","Γ","Δ","Ε","Ζ","Η","Θ","Ι","Κ","Λ","Μ","Ν","Ξ","Ο","Π","Ρ","Σ","Τ","Υ","Φ","Χ","Ψ","Ω","α","β","γ","δ","ε","ζ",
							"ν","ξ","ο","π","ρ","σ","η","θ","ι","κ","λ","μ","τ","υ","φ","χ","ψ","ω"
						]
					}
				],
				dataList: [],
				list: [{
						name: 'emoji表情'
					},
					{
						name: '颜文字'
					},
					{
						name: '字符库'
					}
				],
				current: 2,
				swiperCurrent: 2,
				dx: 0,
				loadStatus: ['loadmore', 'loadmore', 'loadmore', 'loadmore'],
			};
		},
		onLoad() {
			// this.getOrderList(0);
			// this.getOrderList(1);
			// this.getOrderList(3);
		},
		methods: {
			//复制
			copy(value) {
				console.log(value);
				uni.setClipboardData({
					data: value, //要被复制的内容
					success: () => {
						this.$refs.uToast.show({
							title: '复制成功',
							type: 'success',
							position: "top"
						})
					}
				})
			},

			//颜文字
			activeText(i) {
				this.menuIndex = i
			},

			//字符库
			activeChar(i) {
				this.charIndex = i
			},

			reachBottom() {
				// 此tab为空数据
				if (this.current != 2) {
					this.loadStatus.splice(this.current, 1, "loading")
					setTimeout(() => {
						this.getOrderList(this.current);
					}, 1200);
				}
			},
			// 页面数据
			getOrderList(idx) {
				for (let i = 0; i < 5; i++) {
					let index = this.$u.random(0, this.dataList.length - 1);
					let data = JSON.parse(JSON.stringify(this.dataList[index]));
					data.id = this.$u.guid();
					this.orderList[idx].push(data);
				}
				this.loadStatus.splice(this.current, 1, "loadmore")
			},
			// tab栏切换
			change(index) {
				this.swiperCurrent = index;
				this.getOrderList(index);
			},
			transition({
				detail: {
					dx
				}
			}) {
				this.$refs.tabs.setDx(dx);
			},
			animationfinish({
				detail: {
					current
				}
			}) {
				this.$refs.tabs.setFinishCurrent(current);
				this.swiperCurrent = current;
				this.current = current;
			}
		}
	};
</script>

<style lang="scss" scoped>
	/* #ifndef H5 */
	page {
		height: 100%;
		background-color: #f2f2f2;
	}

	/* #endif */
</style>

<style lang="scss" scoped>
	.tabs_box {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 999;
	}

	.emoji_box {
		padding-top: 90rpx;
		box-sizing: border-box;
	}

	.text_box {
		height: 100vh;
		display: flex;
		padding: 90rpx 0;
		box-sizing: border-box;

		.left_menu {
			width: 140rpx;
			border-top: 1px solid #dfe2e5;
			margin-top: 200rpx;

			.menu_li {
				width: 100%;
				height: 70rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 30rpx;
				background-color: #fff;
				border-right: 1px solid #dfe2e5;
				border-bottom: 1px solid #dfe2e5;
			}

			.active_menu {
				background-color: #17b1c2;
				color: #fff;
				border-right: 1px solid #17b1c2;
				border-bottom: 1px solid #17b1c2;
			}

			.active_char {
				background: linear-gradient(to right, #ff9700, #ed1c24);
				color: #fff;
				border-image: linear-gradient(to right, #ff9700, #ed1c24)
			}
		}

		.right_menu {
			flex: 1;
			height: 100%;
			padding: 0 10rpx;
			box-sizing: border-box;

			.menu_content {
				width: 100%;
				height: 100%;
				display: flex;
				justify-content: space-between;
				align-content: flex-start;
				flex-wrap: wrap;
				overflow-y: scroll;

				.text_li {
					width: 45%;
					display: flex;
					justify-content: center;
					align-items: center;
					margin: 10rpx;
					font-size: 26rpx;
					border-radius: 10rpx;
					background-color: #fff;
					padding: 15rpx 10rpx;
					box-sizing: border-box;
					text-align: center;
				}
			}
		}
	}


	.order {
		width: 100%;
		padding: 20rpx;
		box-sizing: border-box;

		.title {
			width: 100%;
			font-weight: bold;
			text-align: center;
			margin: 20rpx 0;
		}

		.content {
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;

			.item_li {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				border-radius: 10rpx;
				background-color: #fff;
				padding: 10rpx 10rpx;
				box-sizing: border-box;
				margin: 10rpx;
				font-size: 50rpx
			}
		}

		.content::after {
			content: "";
			width: 60px;
		}
	}

	.centre {
		text-align: center;
		margin: 200rpx auto;
		font-size: 32rpx;

		image {
			width: 300rpx;
			border-radius: 50%;
			margin: 0 auto;
		}

		.tips {
			font-size: 24rpx;
			color: #999999;
			margin-top: 20rpx;
		}

		.btn {
			margin: 80rpx auto;
			width: 200rpx;
			border-radius: 32rpx;
			line-height: 64rpx;
			color: #ffffff;
			font-size: 26rpx;
			background: linear-gradient(270deg, #1cbbb4 0%, #0081ff 100%);
		}
	}

	.wrap {
		display: flex;
		flex-direction: column;
		height: calc(100vh - var(--window-top));
		width: 100%;
	}

	.swiper-box {
		flex: 1;
	}

	.swiper-item {
		height: 100%;
	}
</style>